<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- html lang="pl-PL" xmlns="http://www.w3.org/1999/xhtml" dir="ltr" -->
<head>
<title>Portal</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<link rel="shortcut icon" href="/Portal/css/images/favicon.ico" />
<link rel="stylesheet" href="/Portal/css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="/Portal/css/prettyCheckboxes.css" type="text/css" media="all" />
<link rel="stylesheet" href="/Portal/css/jquery-ui.css" />

<script src="/Portal/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="/Portal/js/jquery-ui.js" type="text/javascript"></script>


<script src="/Portal/js/jquery.jcarousel.js" type="text/javascript"></script>
<script src="/Portal/js/prettyCheckboxes.js" type="text/javascript"></script>
<script src="/Portal/js/DD_belatedPNG-min.js" type="text/javascript"></script>
<script src="/Portal/js/functions.js" type="text/javascript"></script>


<script>
	$(function() {
		$("#datepicker").datepicker({
			changeMonth : true,
			changeYear : true,
			dateFormat : 'yy-mm-dd'
		});
	});
</script>

</head>
<body>
	<div class="shell">
		<!-- Header -->
		<div id="header">
			<!-- Search  -->
			<c:if test="${loggedUser!=null}">
				<div id="search">
					<div class="search-holder">
						<form action="search.html" method="post">
							<input type="text" class="field" name="quickSearch" value="Imię i nazwisko" title="Imię i nazwisko" /> <input type="submit" value="" class="submit-button" />
						</form>
						<a class="advanced-search" title="Wyszukiwanie zaawansowane" href="search.html">Wyszukiwanie zaawansowane</a>
						<div class="cl"></div>
					</div>
				</div>
			</c:if>
			<!-- END Search -->
			<div class="cl"></div>
			<!-- Logo -->
			<h1 id="logo">
				<a title="Strona główna" href="index.html">Portal</a>
			</h1>
			<!-- Top Navigation -->
			<div id="top-navigation">
				<ul>

					<c:choose>
						<c:when test="${loggedUser != null}">
							<li><big>${loggedUser.getName()} ${loggedUser.getSurname()}</big></li>
							<li><a class="start" title="Ustawienia" href="settings.html"><span></span>Ustawienia</a></li>
							<li><a class="end" title="Wyloguj" href="logout.html">Wyloguj<span></span></a></li>
						</c:when>
						<c:otherwise>
							<li>
								<!-- Imię Nazwisko -->
							</li>
							<li><a class="start" title="Rejestracja" href="rejestracja.html"><span></span>Rejestracja</a></li>
							<li><a class="end" title="Zaloguj" href="logowanie.html">Zaloguj<span></span></a></li>
						</c:otherwise>
					</c:choose>
				</ul>
			</div>
			<!-- END Top Navigation -->
			<div class="cl"></div>
		</div>
		<!-- END Header -->
		<!-- Navigation -->
		<div id="navigation">
			<jsp:include page="menu.jsp" />
		</div>
		<!-- END Navigation -->
		<!-- Main  -->
		<div id="main">
			<!-- Content -->
			<div id="content">
				<div class="post" style="min-height: 300px;">

					<!-- begin of view -->